<template>
	<Drawer :visible="visible" side="left" @close="handleClose">
		<!-- 内容区 -->
		<template #content>
			<div class="flex flex-col mx-auto w-full h-full">
				<h2 class="font-playball font-medium text-black text-4xl leading-tight">Search</h2>
                <div class="flex flex-col mt-4">
                    <div class="flex flex-row">
                        <a-input-search type="text" size="large" class="w-full !rounded-lg py-1" placeholder="Search" allow-clear />
                    </div>
                </div>
			</div>
		</template>
	</Drawer>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import Drawer from '@/components/drawer/index.vue';

export default defineComponent({
	name: 'GlobalSearch',
	components: {
		Drawer,
	},
	props: {
		visible: {
			type: Boolean,
			default: false,
		},
	},
	emits: ['close'],
	setup() {
		
	},
	methods: {
		handleClose() {
			this.$emit('close');
		},
	},
});
</script>